var login = document.querySelector('.login');
var mask = document.querySelector('.login-bg');
var Deng_Lu = document.querySelector('.nav #li-2');
var closeBtn = document.querySelector('#closeBtn');
var title = document.querySelector('#title');

Deng_Lu.addEventListener('click', function() {
  mask.style.display = 'block';
  login.style.display = 'block';
})
closeBtn.addEventListener('click', function() {
	  mask.style.display = 'none';
	  login.style.display = 'none';
  })
  
  // (1) 当我们鼠标按下， 就获得鼠标在盒子内的坐标
title.addEventListener('mousedown', function(e) {
  var x = e.pageX - login.offsetLeft;
  var y = e.pageY - login.offsetTop;
  
  // (2) 鼠标移动的时候，把鼠标在页面中的坐标，减去 鼠标在盒子内的坐标就是模态框的left和top值
  function move(e) {
	  login.style.left = e.pageX - x + 'px';
	  login.style.top = e.pageY - y + 'px';
  }

  document.addEventListener('mousemove', move)

  document.addEventListener('mouseup', function() {    // (3) 鼠标弹起，移除鼠标移动事件
	  document.removeEventListener('mousemove', move);
  })
})